<template lang="html">
  <section class="index">
    <div class="west">
      <West></West>
    </div>
    <div class="east">
      <East></East>
    </div>
  </section>
</template>

<script>
import West from '@/components/part/West'
import East from '@/components/part/East'
export default {
  data () {
    return {
    }
  },
  components: {West,East}
}
</script>

<style scope>
  @media screen and (max-width: 990px) {
    .index {
        width: 990px;
        overflow-x: scroll;
    }
  }

  .index {
    width: 100%;
    height: 100%;
  }

  .west {
    width: 80%;
    height: 100%;
    float: left;
  }

  .east {
    width: 20%;
    height: 100%;
    float: left;
  }
</style>


